//通用样式
.jz-hover {
  background-color: #ececec;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}

.famous-school {
  background: #fff;
  padding: 40rpx;
  margin-top: 20rpx;
  font-size: 0;
  .school {
    box-sizing: border-box;
    margin: 0 0 40rpx 0;
    display: inline-block;
    width: 320rpx;
    height: 180rpx;
    border-radius: 16rpx;
    background: #fff;
    border: 2rpx solid #efefef;
    text-align: center;
    position: relative;
    height: 200rpx;
    padding-top: 20rpx;
    &:nth-child(2n + 1) {
      margin-right: 23rpx;
    }
    .cover {
      width: 100rpx;
      height: 100rpx;
    }
    .school-name {
      margin-top: 20rpx;
      font-size: 28rpx;
      color: #4A4A4A;
      font-weight: 500;
      max-height: 40rpx;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .stage {
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 0 16rpx 0 16rpx;
      color: #fff;
      display: inline-block;
      font-size: 24rpx;
      font-weight: normal;
      padding: 0 20rpx;
      &.primary-school {
        color: #14CC76;
        background:rgba(20,204,118,0.1);
      }
      &.junior-school {
        color: #FFBA00;
        background: rgba(255, 186, 0,0.1);
      }
      &.senior-school {
        color: #FE7141;
        background: rgba(254, 113, 65,0.1);
      }
      &.mixed {
        color: #278EFF;
        background: rgba(39, 142, 255,0.1);
      }
    }
  }
}
